<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS_交集选择器</title>
  <style>
        p.animal{
            font-size: 100px;
            color: red;
        }
        h2.animal1{
            font-size: 50px;
            color: greenyellow;
        }
        h2.car{
            font-size: 30px;
            color: cyan;
        }
        p.car{
            font-size: 40px;
            color: blue;
        }

  </style>
</head>
<body>
<!--交集选择器：
        作用：选中同时符合多个条件的元素
        交集代表且 既要什么又要什么
        语法：
        选择器1选择器2....选择器n{
            属性名:属性值;
            属性名:属性值;
            ........
        }
        注意：
            1.有标签名参与的交集选择器中，标签只能出现在第一个位置并且只能有一个。
            2.id选择器理论上可以作为交集的条件，但是实际开发中不这样做没有意义。
            3.使用最常见的就是元素选择器和类选择器配合使用。
-->
    <p class="animal">老虎</p>
    <p class="animal">狮子</p>
    <h2 class="animal1">大象</h2>
    <h2 class="car">保时捷</h2>
    <h2 class="car">玛莎拉蒂</h2>
    <p class="car">兰博基尼</p>
</body>
</html>